<template>
    <div class="swiper">
        <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
            <van-swipe-item v-for="(item,index) of swiperList" :key="index">
                <img :src="item.imgUrl" alt="">
            </van-swipe-item>
        </van-swipe>
    </div>
</template>

<script>
import { Swipe, SwipeItem } from 'vant';
export default {
    props:{
        swiperList:Array
    },
    components: {
        [Swipe.name]: Swipe,
        [SwipeItem.name]: SwipeItem
    },
    data () {
        return {
            
        }
    },
    computed: {},
    watch: {},
    methods: {},
    created () {},
    mounted () {},
    beforeCreate () {},
    beforeMount () {},
    beforeUpdate () {},
    updated () {},
    beforeDestroy () {},
    destroyed () {},
    activated () {}
}
</script>
<style lang='scss' scoped>
//@import url(); 引入公共css类
.swiper{
    .my-swipe{
    width: 100%;
    img{
        width: 100%;
    }
}
}
</style>
